{% extends "layout.html" %}
{% block body %}
<div class="page-header">
  <ul class="breadcrumb">
    <li><a href="/">Home</a></li>
    <li class="active">Account Page</li>
  </ul>
  <h3 id="containers">Welcome, {{ g.user.email }}</sub></h3>
</div>
      
<div class="account">
  <div class="col-lg-3">
    {% include 'account_navbar.html' %}
  </div>

  <div class="col-lg-9">
    <div class="panel panel-default account-pannel">
      <div class="panel-heading">
        <h3 class="panel-title"><span class="glyphicon glyphicon-th-large" aria-hidden="true"></span>
         Change Password
        </h3>
      </div>
      <div class="panel-body">
        <form class="form-horizontal" method="post">
          <fieldset>
            <div class="form-group {% if error.realname %}has-error{% endif %}">
              <label for="inputRealname" class="col-lg-2 control-label">Real Name</label>
              <div class="col-lg-10">
                <input type="text" required="required" class="form-control" id="inputRealname" name="realname" value="{{ request.form.realname or g.user.realname }}">
              </div>
            </div>

            <div class="form-group {% if error.old_password %}has-error{% endif %}">
              <label for="inputEmail" class="col-lg-2 control-label">Old Password</label>
              <div class="col-lg-10">
                <input type="password" required="required" class="form-control" id="inputEmail" name="old_password" value="{{ request.form.old_password }}">
              </div>
            </div>

            <div class="form-group {% if error.password %}has-error{% endif %}">
              <label for="inputPassword" class="col-lg-2 control-label">New Password</label>
              <div class="col-lg-10">
                <input type="password" required="required" class="form-control" name="password" id="inputPassword" value="{{ request.form.password }}">
              </div>
            </div>

            <div class="form-group {% if error.password2 %}has-error{% endif %}">
              <label for="inputPassword2" class="col-lg-2 control-label">New Password Confirm</label>
              <div class="col-lg-10">
                <input type="password" required="required" class="form-control" name="password2" id="inputPassword2" value="{{ request.form.password2 }}">
              </div>
            </div>
         
            <div class="form-group">
              <div class="col-lg-10 col-lg-offset-2">
                <button type="submit" class="btn btn-primary">Submit</button>
              </div>
            </div>
          </fieldset>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}

{% block title %}Change Password - JiangHu Novel{% endblock %}